import { createApp } from 'vue'
import App from './App.vue'
import router from './router'
import  roleStore, { registerStore } from "./store"

// 引入指令
import { setupDirectives } from '@/directive'

// 引入全局样式
import '@/styles/index.scss'
import vant from 'vant'
import 'vant/lib/index.css' 
// vite版本不需要配置组件的按需加载，因为Vant 3.0 内部所有模块都是基于 ESM 编写的，天然具备按需引入的能力
console.log(import.meta.env.VITE_APP_BASE_URL,'VITE_APP_BASE_URL') //在生产环境，会把 import.meta.env 的值转换成对应真正的值
console.log(process.env.NODE_ENV,'NODE_ENV')

const app = createApp(App)
window.vm = app

app.use(vant)
app.use(router)
app.use(roleStore) //将pinia实例传递给app实例，在此之后使用useStore钩子，会自动注入pinia实例，否则需要在useSotr中手动注入

//挂载自定义vue指令
setupDirectives(app)

// 注册pinia状态管理库
registerStore()

app.mount('#app')
